<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0.5, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="pulgins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="stylesheets/reset.css">
    <link rel="stylesheet" href="pulgins/jquery-sdpagination.js/dist/sdpagination.min.css">
    <link rel="stylesheet" href="stylesheets/index.css?20180210">
    <link href="pulgins/date_pulgins/daterangepicker.css" rel="stylesheet" type="text/css">
    <script src="pulgins/jquery/jquery-3.1.0.min.js"></script>
    <script src="pulgins/jqprint/jquery.jqprint-0.3.js"></script>
    <script src="pulgins/jqprint/jquery-migrate-1.2.1.min.js"></script>
    <script src="pulgins/jquery-sdpagination.js/dist/jquery-sdpagination.min.js"></script>
    <script src="pulgins/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/moment.min.js"></script>
    <script type="text/javascript" src="pulgins/date_pulgins/daterangepicker.js"></script>
    <script type="text/javascript" src="pulgins/push.js/push.js"></script>
    <script src="javascripts/public.js?20180210"></script>
    <script src="javascripts/order_admin.js?20180210"></script>
    <title>铭材订单管理</title>
</head>
<body>
<div id="all_wrap_">
    <div class="content">
        <div class="content_left">
            <img src="images/logo.png" alt="">
            <ul></ul>
        </div>
        <div class="content_right">
            <div class="right-top">
                <b class="glyphicon glyphicon-resize-small"></b>
                <div>
                    <img src="images/logo.png" alt="">
                    <p id="user_name"></p>
                    <b class="glyphicon glyphicon-chevron-down"></b>
                    <div id="exit" title="点击后退出登录">
                        <span>退出</span>
                        <b class="glyphicon glyphicon-log-out"></b>
                    </div>
                </div>
            </div>
            <!--主要部分-->
            <div class="supervise">
                <div class="container-fluid">
                    <div class="supervise_header">
                        <div class="row">
                            <h2 class="col-sm-8   col-xs-offset-1">订单管理操作</h2>
                            <div class="col-sm-2  ">
                                <button id="order_hint" class="btn" style="float:right;" type="button">
                                    新订单 <span class="badge">0</span>
                                </button>
                            </div>
                        </div>

                        <div class="row">
                            <div style="margin-top:10px;"
                                 class="col-md-3 col-xs-10 col-xs-offset-1 col-md-offset-1">
                                <div class="input-group">
                                    <span class="input-group-addon">选择状态</span>
                                    <select class="form-control" name="" id="select1">
                                        <option value="">全部</option>
                                        <option value="0">已下单</option>
                                        <option value="1">已确认</option>
                                        <option value="2">已配货</option>
                                        <option value="3">已出库</option>
                                        <option value="4">已完成</option>
                                        <option value="9">已失效</option>
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top:10px;"
                                 class="col-md-4 col-xs-10 col-xs-offset-1 col-md-offset-0">
                                <div class="input-group ">
                                <span id="input_time_btn" class="input-group-addon glyphicon glyphicon-calendar"
                                      style="top:0;cursor: pointer;"></span>

                                    <input type="text" id="input_time" class="form-control">


                                    <span class="input-group-addon" id="search_time" style="cursor: pointer;">搜索</span>
                                </div>

                            </div>
                            <div style="margin-top:10px;"
                                 class="col-md-3 col-xs-10 col-xs-offset-1 col-md-offset-0">
                                <div class="input-group">
                                    <form action="" id="form_search">
                                        <input type="text" id="search_input" placeholder="请输入订单号或商品名 " class="form-control">
                                    </form>
                                    <span id="search_all" style="position: relative;top: 0;  cursor: pointer;"
                                          class="glyphicon bg-info glyphicon-search input-group-addon">搜索</span>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="supervise-body">
                        <div class="row">
                            <div class="col-xs-12 col-lg-12 col-xs-offset-0 col-lg-offset-0">
                                <div class="table-responsive">
                                    <table id="order_table" style="margin-top: 30px;font-size: 12px;"
                                           class="table-striped table table-bordered">

                                    </table>
                                </div>

                            </div>

                        </div>
                        <div class="row" style="margin-top:20px;">
                            <div class="col-xs-10 col-xs-offset-1">
                                <div id="page"></div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--打印订单-->
            <div class="set_shangpin" id="print_table" >
                <div class="set_shangpin_main">
                    <div class="set_goods">
                        <div class="container-fluid">
                            <div class="add_goods_header" style="font-size: 14px">
                                <div class="row">
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div>
                                            <b>订单号：</b><span class="print_id"></span>
                                        </div>
                                    </div>
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div>
                                            <b>用户：</b><span class="print_name"></span>
                                        </div>
                                    </div>
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div>
                                            <b>生成时间：</b><span class="print_order_time"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div>
                                            <b>收件人：</b><span class="print_shoujianren"></span>
                                        </div>
                                    </div>
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div>
                                            <b>电话：</b><span class="print_dianhua"></span>
                                        </div>
                                    </div>
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div>
                                            <b>是否搬运：</b><span class="banyun"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div style="margin-right:-20px;">
                                            <b>支付类型：</b><span class="payment_status"></span>
                                        </div>
                                    </div>
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div>
                                            <b>支付方式：</b><span class="payment_types"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div style="margin-top:10px;" class="col-xs-4">
                                        <div style="margin-right:-20px;">
                                            <b>收货时间：</b><span class="shouhuoshijian"></span>
                                        </div>
                                    </div>
                                    <div style="margin-top:10px;" class="col-xs-8">
                                        <div>
                                            <b>收货地址：</b><span class="shouhuodizhi"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="add_goods_body" style="font-size: 14px;">
                                <div class="row">
                                    <div class=" col-xs-12">
                                        <table class="table table-bordered">
                                            <thead>
                                            <tr>
                                                <th>商品编号</th>
                                                <th>商品名称</th>
                                                <th>品牌</th>
                                                <th>规格</th>
                                                <th>数量</th>
                                                <th>单价</th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 10px">
                                    <div class="col-xs-3 col-xs-offset-9">
                                        <b>运费：</b><span class="yunfei"></span>
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 10px">
                                    <div class="col-xs-3 col-xs-offset-9">
                                        <b>货款：</b><span class="huokuan"></span>
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 10px">
                                    <div class="col-xs-3 col-xs-offset-9">
                                        <b>首减：</b><span class="first_"></span>
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 10px">
                                    <div class="col-xs-3 col-xs-offset-9">
                                        <b>券减：</b><span class="coupon_"></span>
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 10px">
                                    <div class="col-xs-3 col-xs-offset-9">
                                        <b>实付：</b><span class="zonge"></span>
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom: 20px;">
                                    <div class="col-xs-12">
                                        <b>备注：</b><span class="beizhu"></span>
                                    </div>
                                </div>
                                <div class="row" style="margin-top:10px;">
                                    <div class="col-xs-3">
                                        <b>制表人：</b><span class="zhibiaoren"></span>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>保管员：</b><span ></span>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>领货人：</b><span ></span>
                                    </div>
                                    <div class="col-xs-3">
                                        <b>收货人：</b><span ></span>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--历史table-->
            <div class="set_shangpin" id="repertory_table_history">
                <div class="set_shangpin_main">
                    <div class="set_goods">
                        <div class="container-fluid">
                            <div class="add_goods_body">
                                <button type="button" class="close" id="close_table_history" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <div class="row" style="margin-top: 0px">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <p style="font-size: 20px;margin-bottom:20px;"> 订单修改历史</p>
                                        <table id="table_history" class="table">
                                            <tbody >
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-10 col-xs-offset-1">
                                        <div id="page_inbound"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <!--大图展示-->
    <div class="set_shangpin" id="big_img_wrap" style="z-index: 9999">
         <img src="" alt="" id="big_img">
    </div>
    <!--提示<&ndash;&gt;-->
    <div class="hint">
        <span> 商品名称</span>
    </div>
    <!--提示确认-->
    <div class="modal" id="modal_wrap" aria-labelledby="myModalLabel" tabindex="-1" role="dialog">
        <div class="modal-dialog" style="top: 20%;" role="document">
            <div class="modal-content">
                <div style="font-size: 20px;" class="modal-header">
                    <h4 class="modal-title">提示</h4>
                </div>
                <div style="font-size: 20px;" class="modal-body">
                    <p>确定要删除吗？</p>
                </div>
                <div class="modal-footer">
                    <button type="button" id="modal_close" class="btn btn-default">取消</button>
                    <button type="button" class="btn btn-primary" id="confirm">确定</button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>